Skip to content

[#314] Fix filter bar dropdown clipping#315

Merged
realproject7 merged 1 commit intomainfrom
task/314-dropdown-clip-fix
Mar 18, 2026
Merged

[#314] Fix filter bar dropdown clipping#315
realproject7 merged 1 commit intomainfrom
task/314-dropdown-clip-fix

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

Fixes #314

Test plan

  • Dropdowns render visibly above page content (not clipped)
  • Filter bar still looks correct on narrow screens
  • No horizontal overflow on mobile
  • npm run typecheck passes

🤖 Generated with Claude Code

overflow-x-auto on the filter bar container clips absolutely
positioned dropdowns. Short mobile labels (W:, G:, L:) already
prevent overflow, so the property is unnecessary.

Fixes #314

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Correct fix. overflow-x-auto creates a clipping boundary for absolutely positioned children. Short mobile labels already prevent overflow, so removing it is safe. LGTM.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The PR fixes the dropdown clipping bug with the minimal change requested in issue #314.

Findings

  • No blocking findings.

Decision

Approving because removing overflow-x-auto restores the intended floating dropdown behavior, and the existing short mobile labels/min-width handling remain in place for narrow-screen safety.

@realproject7 realproject7 merged commit 4225a70 into main Mar 18, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[bug] Filter dropdowns clipped by overflow-x-auto on filter bar

2 participants